<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>退款</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css" type="text/css" />
    <script src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- 引入自定义css文件 style.css -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css" />
    <style>
        body {
            margin-top: 20px;
            margin: 0 auto;
        }

        .carousel-inner .item img {
            width: 100%;
            height: 300px;
        }
    </style>
</head>

<body>
<jsp:include page="head.jsp"/>
<div class="container">
    <div class="row">
        <div style="margin:0 auto;margin-top:10px;width:950px;">
            <strong>退款订单详情</strong>
            <table class="table table-bordered">
                <tbody>
                <tr class="warning">
                    <th colspan="5">订单编号:${b.oid} </th>
                </tr>
                <tr class="warning">
                    <th>图片</th>
                    <th>商品</th>
                    <th>价格</th>
                    <th>数量</th>
                    <th>小计</th>
                </tr>
                <c:forEach items="${order.items}" var="oi">
                    <tr class="active">
                        <td width="60" width="40%">
                            <input type="hidden" name="id" value="22">
                            <img src="${pageContext.request.contextPath}/${oi.product.pimage}" width="70" height="60">
                        </td>
                        <td width="30%">
                            <a target="_blank">${oi.product.pname}</a>
                        </td>
                        <td width="20%">
                            ￥${oi.product.shop_price}
                        </td>
                        <td width="10%">
                                ${oi.count}
                        </td>
                        <td width="15%">
                            <span class="subtotal">￥${oi.subtotal}</span>
                        </td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
        </div>
        <div style="text-align:right;margin-right:120px;">
            商品金额: <strong style="color:#ff6600;">￥${order.total}元</strong>
        </div>
        <div>
            <p style="text-align:right;margin-right:100px;">
                <a href="javascript:document.getElementById('orderForm').submit();">
                    <img src="${pageContext.request.contextPath}/images/finalbutton.gif" width="204" height="51" border="0" />
                </a>
            </p>
            <hr/>
        </div>
        <form action="${pageContext.request.contextPath}/jsp/refundPage.jsp" id="orderForm" hidden="true">
            <input name="oid" value="${order.oid}">
            <input name="name" value="${order.name}">
            <input name="pay" value="${order.total}">
        </form>
        </div>
    </div>
<jsp:include page="foot.jsp"/>
</body>
</html>